<html>

<head>
    <style type="text/css">
        .preferred {
            width: 1px;
        }

        .grow {
            width: 100%;
        }

    </style>
</head>

<body>
<table style="width: 400px;">
    <tr>
        <td class="grow">
            <div style="height:10px; width: 100%; background-color:red;"/>
        </td>
        <td class="preferred">
            <div style="height:10px; width: 100px; background-color:blue;"/>
        </td>
        <td class="preferred">
            <div style="height:10px; width: 100%; background-color:red;"/>
        </td>
        <td class="grow">
            <div style="height:10px; width: 100%; background-color:blue;"/>
        </td>
    </tr>
</table>
</body>
</html>